@charset "utf-8";
html,body{height:100%;}
body,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,ul,li{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:400;}
span,i{font-style:normal;}
ul,li{list-style:none}
html{font-size:10px;}
body{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;background:#fff;}
@media screen and (min-width:320px) {html{font-size:10px}}
@media screen and (min-width:640px) {html{font-size:18px}}
@media screen and (min-width:750px) {html{font-size:21px}}
@media screen and (min-width:1080px) {html{font-size:27px}}
@media screen and (min-width:1125px) {html{font-size:27px}}
@media screen and (min-width:1240px) {html{font-size:30px}}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

/*common*/
.ui-icon,.good-cost .sep,.good-cost .coin:after,.sort-bar li a:after,.sort-bar li a.arrow-up:after,.sort-bar li a.arrow-down:after,.point-more-btn .s-shop a:before,.point-more-btn a:before,.exchange-item .s-expand,.pay-confirm .p-item .s-arr,.error-action a:before{background:url(img/icon01.png) no-repeat;background-size:2.5rem auto;}
h2{color:#333;font-size:1.5rem;}
h3{color:#333;font-size:1.2rem;}
.t-small{color:#666;font-size:1rem;}
.block{display:block;width:100%;height:100%;}
.icon-back{display:inline-block;width:4.8rem;height:4.8rem;float:left;background-position:1.9rem 1.3rem;position:absolute;left:0;top:0;}
.icon-order{display:inline-block;width:4.8rem;height:4.8rem;position:absolute;right:0;top:0;background-position:1.15rem -2.25rem;position:absolute;right:0;top:0;}
.icon-back a,.icon-order a{display:block;height:4.8rem;}
.title{height:3rem;text-align:center;border-bottom:0.1rem solid #dadada;line-height:3rem;}
.subTitle{padding-left:1.3rem;border-left:0.3rem solid #ec373e;font-size:1.2rem;}
.loading{height:2.1rem;line-height:2.1rem;text-align:center;color:#666;font-size:1rem;}
.ui-btn{display:inline-block;width:100%;height:4rem;background:#ec373e;text-align:center;line-height:4rem;border-radius:0.4rem;font-size:1.6rem;color:#fff;}

/*index*/
.header{height:4.8rem;position:relative;background:#ec373e;display:-moz-box;display:-webkit-box;display:box;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;-moz-box-align:center;-webkit-box-align:center;box-align:center;}
.header h1{font-size:1.8rem;color:#fff;text-align:center;line-height:1.8rem;}
.header .icon-order a{text-indent:-999px;overflow:hidden;}
.member-points{height:13.5rem;background:#ec373e;font-size:1.1rem;position:relative;}
.member-points .member-info{display:block;width:8rem;margin:0 auto;text-align:center;color:#fff;}
.member-points .avatar{display:inline-block;width:6rem;height:6rem;padding:0.35rem;margin:0 auto .5rem;border:0.1rem solid #fff;border-radius:50%;position:relative;}
.member-points .avatar .level{display:inline-block;height:1.25rem;padding:0 0.5rem;position:absolute;right:0;bottom:0;font-size:1.2rem;text-align:center;line-height:1.25rem;background:#69e000;color:#fff;border-radius:0.15rem;}
.member-points .avatar img{width:6rem;height:6rem;border-radius:50%;}
.member-points .total{font-size:2.2rem;}
.member-points .point-rule{display:inline-block;width:5.6rem;height:1.9rem;position:absolute;right:1rem;bottom:1rem;background:rgba(255,255,255,.2);line-height:1.9rem;font-size:1.2rem;text-align:center;border-radius:0.1rem;color:#fff;}

.topics{background:#dadada;border-bottom:0.4rem solid #dadada;}
.topic-item{height:9rem;border-bottom:0.1rem solid #dadada;background:#fff;}
.topic-item .block{padding:1rem;box-sizing:border-box;}
.topic-item .l-text{overflow:hidden;line-height:2rem;}
.topic-item .l-text .t-small{height:2rem;overflow:hidden;}
.topic-item .r-img{width:11.5rem;height:7rem;float:right;}
.topic-item .r-img img{width:100%;height:100%;}

/*list*/
.good-cost span{color:#c40008;}
.good-cost .coin:after{content:"";display:inline-block;width:1rem;height:1rem;margin-left:0.25rem;background-position:0 -7.5rem;color:#c40008;font-size:1rem;vertical-align:-0.15rem;}
.good-cost .price i{display:inline-block;color:#c6c6c6;font-size:1rem;}
.good-cost .sep{display:inline-block;width:1.1rem;height:1.1rem;margin:0 0.1rem;background-position:-1.5rem -7.5rem;vertical-align:-0.1rem;}

.goods-list ul{overflow:hidden;}
.goods-list li{width:50%;float:left;line-height:1.8rem;border-bottom:0.1rem solid #dadada;box-sizing:border-box;}
.goods-list li:nth-child(2n+1){border-right:0.1rem solid #dadada;}
.goods-list li .block{padding:1.25rem;box-sizing:border-box;}
.goods-list li h3{height:1.8rem;overflow:hidden;}
.goods-list li .good-img{width:100%;height:11rem;margin-top:.5rem;}
.goods-list li .good-img img{width:100%;height:100%;}

.sort-bar{height:3.5rem;border-bottom:0.1rem solid #dadada;}
.sort-bar li{display:inline-block;width:25%;height:100%;float:left;font-size:1.2rem;text-align:center;line-height:3.5rem;}
.sort-bar li a{color:#666;}
.sort-bar .selected a{color:#d10008;}
.sort-bar .sort-by-height a:after{content:"";display:inline-block;width:0.5rem;height:0.75rem;background-position:0 -10rem;margin-left:0.35rem;}
.sort-bar .sort-by-height a.arrow-up:after{content:"";display:inline-block;width:0.5rem;height:0.75rem;background-position:-1rem -10rem;margin-left:0.35rem;}
.sort-bar .sort-by-height a.arrow-down:after{content:"";display:inline-block;width:0.5rem;height:0.75rem;background-position:-2rem -10rem;margin-left:0.35rem;}

/*detail*/
.pics-box{width:100%;height:18rem;position:relative;}
.pics-box img{width:100%;height:100%;}
.pics-box .good-title{width:100%;min-height:1.7rem;padding:0.75rem 1rem;position:absolute;left:0;bottom:0;line-height:1.7rem;font-size:1.2rem;box-sizing:border-box;color:#fff;background-image:-webkit-linear-gradient(top, rgba(29,29,29,0) 0%, rgba(29,29,29,1) 100%);background-image:-moz-linear-gradient(top, rgba(29,29,29,0) 0%, rgba(29,29,29,1) 100%);background-image:linear-gradient(top, rgba(29,29,29,0) 0%, rgba(29,29,29,1) 100%);}
.good-change{width:100%;height:5rem;padding:0.5rem 1rem;border-bottom:.1rem solid #dcdcdc;box-sizing:border-box;}
.good-change .good-cost{float:left;font-size:2rem;margin-top:1rem;}
.good-change .ui-btn{width:10.5rem;float:right;}
.good-intro{padding:1rem 0;}
.good-intro .introduction{margin-top:1rem;padding:0 1.6rem;line-height:2.3rem;color:#333;font-size:1.2rem;}

/*pointdetail*/
.my-points{border-bottom:.5rem solid #dadada;text-align:center;}
.my-points .total-point{display:inline-block;padding:0.35rem;margin:1.5rem auto;box-sizing:border-box;border-radius:50%;border:0.1rem solid #ec373e;}
.my-points .total-point .p-box{display:inline-block;min-width:6.8rem;min-height:6.8rem;padding-top:1rem;box-sizing:border-box;border-radius:50%;color:#fff;line-height:1.8rem;background:#ec373e;}
.my-points .total-point .p-box span{display:block;font-size:1.2rem;}
.my-points .total-point .p-box .s-point{font-size:2rem;}
.point-more-btn{height:2.2rem;padding-bottom:1.2rem;}
.point-more-btn span{display:inline-block;width:50%;float:left;font-size:1.5rem;line-height:2.2rem;box-sizing:border-box;}
.point-more-btn span:nth-child(2n){border-left:0.1rem solid #dadada;}
.point-more-btn span a{color:#8b8b8b;}
.point-more-btn a:before{content:"";display:inline-block;width:2rem;height:2rem;margin-right:.5rem;}
.point-more-btn .s-shop a:before{background-position:0 -11.25rem;vertical-align:-0.3rem;}
.point-more-btn .s-record a:before{background-position:0 -13.75rem;vertical-align:-0.5rem;}
.point-detail{padding:0 1rem;}
.detail-list li{padding:.7rem .5rem .7rem 0;border-bottom:.1rem solid #dadada;line-height:1.8rem;}
.detail-list li .score{margin-left:1rem;line-height:3.5rem;float:right;font-size:1.5rem;}
.detail-list li .s-plus{color:#ec373e;}
.detail-list li .s-sub{color:#17aa10;}

/*exchange*/
.exchange-list{padding-top:.5rem;}
.exchange-item{padding:1rem;border-bottom:.1rem solid #dadada;line-height:2rem;position:relative;}
.exchange-item .e-img{width:8.5rem;height:6rem;margin-right:1.3rem;float:left;}
.exchange-item .e-img img{width:100%;height:100%;}
.exchange-item .s-expand{display:inline-block;width:0.9rem;height:1.4rem;position:absolute;right:2rem;top:3.4rem;background-position:0 -16.25rem;}
.exchange-item .s-collapse{width:1.5rem;height:1rem;right:1.7rem;top:3.5rem;background-position:-1rem -16.25rem;}
.exchange-item .exchange-more{padding:1rem;margin-top:1rem;background:#f0f0f0;position:relative;color:#49585f;font-size:1.5rem;line-height:2.5rem;}
.exchange-item .exchange-more .arr{position:absolute;z-index:10;left:3.5rem;top:-0.3rem;border-color:transparent transparent #f0f0f0;border-style:dashed dashed solid;border-width:0 0.4rem 0.4rem;font-size:0;height:0;width:0;line-height:0;}
.exchange-item .msg-text{text-align:center;}
.exchange-btn{-moz-column-count:2;-webkit-column-count:2;column-count:2;}
.exchange-recipient{overflow:hidden;}
.exchange-recipient li{width:100%;font-size:1.1rem;line-height:2.5rem;float:left;}
.exchange-recipient li:first-child{width:50%;}
.exchange-recipient li:nth-child(2){width:50%;text-align:right;}
.exchange-recipient li .state{color:#d70d15;}

.txt-box{padding:1.8rem;font-size:1.5rem;line-height:2.5rem;color:#333;}
.txt-box p{margin-bottom:1.5rem;}

/*order*/
.recipient-info{border-top:.5rem solid #dadada;border-bottom:0.1rem solid #dadada;}
.recipient-info ul{padding:1rem;}
.recipient-info li input{width:100%;margin:0.25rem 0 1rem;padding:.2rem 1rem;border:0.1rem solid #c5e3f1;background:#fcfcfc;border-radius:0.2rem;font-size:1.2rem;line-height:2.5rem;color:#333;box-sizing:border-box;}
.recipient-info li{width:100%;}
.recipient-info .pay-terms{height:8rem;margin:1.8rem 0 1rem;-moz-column-count:2;-webkit-column-count:2;column-count:2;text-align:center;overflow:hidden;}
.recipient-info .pay-terms span{display:block;width:100%;text-align:center;}
.recipient-info .pay-terms a{display:inline-block;width:8rem;height:8rem;text-indent:-999px;overflow:hidden;background:url(img/icon02.png) no-repeat;background-size:16.5rem auto;vertical-align:top;}
.recipient-info .pay-terms .icon-alipay{background-position:0 0;}
.recipient-info .pay-terms .icon-alipay.on{background-position:-8.5rem 0;}
.recipient-info .pay-terms .icon-wechat{background-position:0 -8.5rem;}
.recipient-info .pay-terms .icon-wechat.on{background-position:-8.5rem -8.5rem;}

.order-btn{padding:0.75rem 1rem;}
.order-btn .ui-btn{width:100%;}

.account-id{font-size:1.2rem;}
.pay-confirm .p-item{height:1.8rem;padding:1.5rem 3rem 1.5rem 1.25rem;border-bottom:0.1rem solid #dadada;font-size:1.5rem;line-height:1.8rem;position:relative;}
.pay-confirm .p-item span{display:inline-block;}
.pay-confirm .p-item .s-tit{float:left;color:#666;}
.pay-confirm .p-item .s-con{max-width:60%;height:1.8rem;float:right;color:#333;overflow:hidden;}
.pay-confirm .p-item .s-arr{width:0.9rem;height:1.4rem;background-position:0 -16.25rem;position:absolute;right:1.5rem;top:1.7rem;}
.pay-terms-show{width:100%;height:4rem;padding:0.7rem 0;background:#666;text-align:center;position:absolute;bottom:0;left:0;}
.pay-terms-show span{display:inline-block;width:4rem;height:4rem;background:url(img/icon02.png) no-repeat;background-size:16.5rem auto;}
.pay-terms-show .s-alipay{background-position:0 -17rem;}
.pay-terms-show .s-wechat{background-position:-4.5rem -17rem;}

.order-result-more{padding-left:1rem;padding-right:1rem; text-align:center;font-size:1.8rem;color:#333;}
.order-result-msg{padding:5rem 1rem; text-align:center;font-size:1.8rem;color:#333;}

/*lottery*/
.lottery{height:100%;overflow:hidden;}
.lottery-rule{position:absolute;right:1rem;top:1rem;}
.lottery-rule .rule-link{display:inline-block;height:2.5rem;padding:0 1rem;background:rgba(255,255,255,.3);line-height:2.5rem;font-size:1.5rem;text-align:center;border-radius:0.3rem;color:#fff;z-index:100;}

.wheel{width:100%;height:92.5%;background:#a70f20;position:relative;background:url(img/wheelbg.jpg) no-repeat #a70f20;background-size:100%;overflow:hidden;}
.wheel .wheel-box{width:100%;height:27rem;position:absolute;top:43%;margin-top:-13.5rem;}
.wheel .pointer{width:7rem;height:8.8rem;background:url(img/wheel-btn-bg.png) no-repeat;background-size:100%;position:absolute;left:37%;top:29.5%;z-index:100;}
.wheel .wheel-item{width:27rem;height:27rem;margin:0 auto;background:url(img/wheel-item-bg.png) no-repeat;background-size:100%;position:relative;box-sizing:border-box;}
.wheel .wheel-item li{display:inline-block;width:3rem;height:9rem;position:absolute;color:#ba1900;font-size:1.5rem;text-align:center;word-break:break-all;}
.wheel .wheel-item li:nth-child(1){-webkit-transform:rotate(0deg);left:45%;top:15%;}
.wheel .wheel-item li:nth-child(2){-webkit-transform:rotate(45deg);left:58%;top:20%;}
.wheel .wheel-item li:nth-child(3){-webkit-transform:rotate(90deg);left:65%;top:33%;}
.wheel .wheel-item li:nth-child(4){-webkit-transform:rotate(135deg);left:58%;top:46%;}
.wheel .wheel-item li:nth-child(5){-webkit-transform:rotate(180deg);left:45%;top:52%;}
.wheel .wheel-item li:nth-child(6){-webkit-transform:rotate(-135deg);left:31%;top:47%;}
.wheel .wheel-item li:nth-child(7){-webkit-transform:rotate(-90deg);left:25%;top:33%;}
.wheel .wheel-item li:nth-child(8){-webkit-transform:rotate(-45deg);left:31%;top:20%;}
.wheel .wheel-times{width:100%;height:7.9rem;padding:123% 0 0 17%;font-size:1.4rem;color:#fff;position:absolute;left:0;top:0;z-index:0;box-sizing:border-box;}

.scratch{width:100%;height:92.5%;background:url(img/scratchbg.jpg) no-repeat #e3b84f;background-size:100%;overflow:hidden;position:relative;box-sizing:border-box;}
.scratch .scratch-content{width:100%;height:17rem;margin-top:-8.5rem;position:absolute;left:0;top:50%;}
.scratch .scratch-box{width:24rem;height:10rem;margin:0 auto 2rem;border:.25rem solid #fff;border-radius:1.1rem;}
.scratch .scratch-block{width:24rem;height:10rem;border-radius:0.9rem;}
.scratch .scratch-times{padding:0 4rem;text-align:center;font-size:1.8rem;color:#333;}
.scratch .scratch-times span{padding:0 .5rem;color:#9a230f;}

.shake{width:100%;height:92.5%;background:url(img/shakebg.jpg) repeat-y;background-size:100%;overflow:hidden;position:relative;}
.shake .lottery-rule .rule-link{color:#333;}
.shake .shake-content{width:100%;height:32rem;margin-top:-16rem;position:absolute;left:0;top:50%;}
.shake .shake-box{width:20.8rem;height:25rem;margin:0 auto;background:url(img/shake-btn-bg.png) center center no-repeat;background-size:100%;}
.shake .shake-hover{background:url(img/shake-btn-hover.png) no-repeat;background-size:100%;}
.shake .shake-times{text-align:center;font-size:1.8rem;color:#333;line-height:3.2rem;}
.shake .shake-times span{padding:0 .5rem;color:#9a230f;}

.smash{width:100%;height:92%;background:url(img/smashbg.jpg) no-repeat;background-size:100%;overflow:hidden;position:relative;}
.smash .smash-box{width:100%;height:22rem;position:absolute;bottom:0;left:0;background:url(img/smash-btn-bg.png) center bottom no-repeat;background-size:100%;}
.smash .smash-box ul{width:75%;height:13rem;margin:0 auto;/*-webkit-column-count:3;-moz-column-count:3;column-count:3;*/}
.smash .smash-box li{display:inline-block;width:33.33%;height:10rem;float:left;background:url(img/smash-item-bg.png) center bottom no-repeat;background-size:100%;}
.smash .smash-box .break{background:url(img/smash-item-break.png) center bottom no-repeat;background-size:100%;}
.smash .smash-times{width:100%;padding:0 4rem;text-align:center;font-size:1.8rem;color:#fff;line-height:3.2rem;position:absolute;bottom:1.5rem;left:0;box-sizing:border-box;}
.smash .smash-times span{padding:0 .5rem;color:#9a230f;}

/*error*/
.error-bg{width:15rem;height:18rem;margin:4rem auto 1.5rem;background:url(img/error.png) no-repeat;background-size:100%;}
.error-msg{width:70%;margin:0 auto 3rem;padding:2rem 2rem 0;box-sizing:border-box;border-top:.1rem dashed #dadada;line-height:2rem;font-size:1.5rem;color:#646464;}
.error-action{width:70%;margin:0 auto 3rem;-moz-column-count:2;-webkit-column-count:2;column-count:2;text-align:center;}
.error-action a:before{content:"";display:inline-block;margin-right:0.75rem;}
.error-action .a-back:before{width:0.9rem;height:1.65rem;background-position:0 -18.25rem;vertical-align:-0.2rem;}
.error-action .a-try:before{width:1.75rem;height:1.75rem;background-position:0 -20.5rem;vertical-align:-0.3rem;}

/*popup*/
.popup{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);background-color:rgba(0,0,0,.3);display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.popup-box{width:80%;padding:1.25rem;background:#f6f6f6;border-radius:1rem;box-shadow:0 0 .5rem #000;position:relative;}
.popup-box .tips{padding:4rem 0;font-size:1.6rem;text-align:center;line-height:3rem;}
.popup-box .tips span{display:block;color:#b90000;}
.popup-box .recipient-info{border:0;}
.popup-box .recipient-info ul{padding:0;}
.popup-box .recipient-info input{line-height:3rem;}